<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #div_1{
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -100px;
            margin-left: -175px;
            height: 20px;
            width: 350px;
            border: solid 0px;
            display: none;
            z-index: 3;
        }
        #div_2{
            height: 150px;
            background-color: white;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }
        #div_2_1{
            position: relative;
            top: -30px;
            left: 150px;
        }
        #btn2{
            width: 80px;
            height: 40px;
            background-color:green;
            color: white;
            position: relative;
            top: -10px;
            left: 220px;
        }
        img{
            width: 80px;
            object-fit: cover;
            position: relative;
            top: 40px;
            left: 40px;
        }
    </style>
</head>
<body>
    <div style="width:100%;height:100%;position: absolute;z-index: 2;display: none;background-color: rgb(0, 0, 0, 0.5);" id="body"></div>
    <input type="button" value="按钮" id="btn">

    <div id="div_1">
        <div id="div_1_1" style="color: white;padding: 5px;height: 20px;
        border-top-right-radius: 5px;border-top-left-radius:5px;background-color:  green;">提示<div style="position: relative;top: -30px;font-size: 25px;color: black;left: 310px;;" id="cha">×</div></div>
        <div id="div_2">
            <img src="image/stop.png" alt="">
            <div id="div_2_1">你看到的是SimplePop</div>
            <input type="button" value="确定" id="btn2">
        </div>
    </div>

    <script>
        document.getElementById("btn").onclick=function(){
            document.getElementById("div_1").style.display="block"
            document.getElementById("body").style.display="block"
        }
        document.getElementById("btn2").onclick=function(){
            document.getElementById("div_1").style.display="none"
            document.getElementById("body").style.display="none"
        }
        document.getElementById("cha").onclick=function(){
            document.getElementById("div_1").style.display="none"
            document.getElementById("body").style.display="none"
        }
    </script>
</body>
</html>